import { defineConfig } from "vite";
import vue from "@vitejs/plugin-vue";
import { createSvgIconsPlugin } from "vite-plugin-svg-icons";
import path from "path";

function resolve(dir) {
  return path.join(__dirname, ".", dir);
}

// https://vitejs.dev/config/
export default defineConfig({
  envDir: "./viteenv", // 使用相对路径
  // server: {
  //   host: "0.0.0.0",
  //   open: true, //运行是否自动打开浏览器
  //   //反向代理解决跨域
  //   proxy: {
  //     /**
  //      * 反向代理解决跨域配置
  //      * http://localhost:3000/dev-api/users (F12可见请求路径) => http://localhost:8989/users (实际请求后端 API 路径)
  //      *
  //      * env.VITE_APP_BASE_API: /dev-api
  //      * env.VITE_APP_TARGET_URL: http://localhost:8989
  //      * env.VITE_APP_TARGET_BASE_API: ""
  //      */
  //     "8081/": {
  //       changeOrigin: true,
  //       target: "http://localhost:8081/",
  //       ws: true, // 允许websocket代理
  //       rewrite: (path) => path.replace(new RegExp("^/"), "/"),
  //     },
  //   },
  // },
  plugins: [
    vue(),
    //使用svg图标
    createSvgIconsPlugin({
      //指定需要缓存的图标文件夹
      iconDirs: [path.resolve(process.cwd(), "src/icons/svg")],
      //指定格式
      symbolId: "icon-[dir]-[name]",
    }),
  ],
  //设置别名
  resolve: {
    alias: {
      "@": resolve("./src"), //用户@ 替代src
    },
  },
});
